<template>
	<view :style="{background:pageColor}">
		<view class="space-lg"></view>
		<view class="flex-center pt-lg">
			<image class="suc-img" :src="`https://www.peikangbao.cn/admin/shop/succ.png`" mode="aspectFill"></image>
		</view>
		<view class="as-box-cont text-bold text-center">提交成功</view>
		<view class="flex-center flex-column f-mini-title c-caption mt-md">
			<view>您已经成功提交申请</view>
			<view class="mt-sm">申诉结果可在申诉记录里查看</view>
		</view>
		<view class="as-btn c-base f-mini-title text-center ml-lg mr-lg" :style="{backgroundColor:primaryColor}"
			@tap="$util.goUrl({url:`/technician/pages/bad-comments/list`,openType:`redirectTo`})">查看申诉记录</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from "vuex"
	export default {
		data() {
			return {}
		},
		computed: mapState({
			configInfo: state => state.config.configInfo,
		}),
		onLoad() {
			this.$util.setNavigationBarColor({
				bg: this.primaryColor
			})
			this.initIndex()
		},
		methods: {
			async initIndex(refresh = false) {
				// #ifdef H5
				if (!refresh) {
					this.$jweixin.hideOptionMenu()
				}
				// #endif
			},
			initRefresh() {
				this.initIndex(true)
			},
		}
	}
</script>

<style>
	.suc-img {
		width: 260rpx;
		height: 260rpx;
	}

	.as-btn {
		margin-top: 98rpx;
		height: 84rpx;
		line-height: 84rpx;
		border-radius: 84rpx;
	}

	.as-box-cont {
		padding-top: 40rpx;
		font-size: 46rpx;
	}
</style>